<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/css/styleoneadd.css">
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">

<style>
    body{
        background-color: #f2f2f2 !important;
    }
</style>
    <!-- 内容主体区域 -->
<div class="layui-fluid-pad">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-header">权限管理</div>
            <div class="layui-card-body">
                <div class="layui-row layui-pad10">
                    <form class="layui-form" action="">
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row layui-col-space15">
                                <div class="layui-col-md2">
                                    <input type="text" class="form-control" placeholder="角色名称">
                                </div>
                                <div class="layui-col-md2">
                                    <button class="layui-btn layui-t-h">筛选</button>
                                </div>
                                <div class="layui-col-md8 layui-text-right">
                                    <a href="javascript:;" class="layui-btn layui-t-h addOrder">添加角色</a>
                                </div>
                            </div>
                        </div>
                    </form>

                    <!--表格-->
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <table class="layui-data-zs"  border="1" >
                                <tr class="layui-t-h layui-hg-b order-table--tr-bg">
                                    <th>序号</th>
                                    <th>角色名称</th>
                                    <th>操作</th>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>管理员</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">编辑</a>
                                        <a href="javascript:;" class="layui-btn-ty  order-btn-tys">删除</a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>运营组</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">编辑</a>
                                        <a href="javascript:;" class="layui-btn-ty  order-btn-tys">删除</a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>业务员</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj">编辑</a>
                                        <a href="javascript:;" class="layui-btn-ty  order-btn-tys">删除</a>
                                    </td>
                                </tr>

                            </table>
                        </div>
                        <!--分页-->
                        <!--<div class="layui-col-md12 layui-page-top">-->
                            <!--<div id="demo7"></div>-->
                        <!--</div>-->
                        <!--分页end-->
                    </div>
                    <!--表格end-->
                </div>

            </div>
        </div>
    </div>
</div>


<script src="../static/js/jquery.min.js"></script>
<script src="../static/plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="../static/plugins/layui/layui.js"></script>
<script src="../static/js/app/consts/consts.js"></script>
<script>
    layui.use(['jquery','form','laypage','laydate','table','layer'], function(){
        var form = layui.form;
        var laydate = layui.laydate;
        var laypage = layui.laypage;
        var $ = layui.$;
        layer.msg(developingMsg);
        //监听提交
        // form.on('submit(formDemo)', function(data){
        //     layer.msg(JSON.stringify(data.field));
        //     return false;
        // });
        //分页
        // laypage.render({
        //     elem: 'demo7'
        //     ,count: 100
        //     ,theme: '#34C0E3'
        //     ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
        //     ,jump: function(obj){
        //         // console.log(obj)
        //     }
        // });

            //添加角色
            $('.addOrder').on('click',function () {
                var strU = '添加角色.html';
                layer.open({
                    type: 2,
                    title:'添加角色',
                    area: ['600px', '550'],
                    shadeClose: true, //开启遮罩关闭
                    content: strU
                });
            });

    });
</script>




